$.ajax({
    type:'get',
    url:'/posts',
    success:function(res){
        console.log(res)
        var html = template('postsTpl',res)
        $('#postsBox').html(html)
        var pageHtml = template('pageTpl',res)
        $('.pagination').html(pageHtml)
    }
})

function changePage(page){
    console.log(page)
    $.ajax({
        type:'get',
        url:'/posts',
        data:{
            page:page 
        },
        success:function(res){
            var html = template('postsTpl',res)
            $('#postsBox').html(html)
            var pageHtml = template('pageTpl',res)
            $('.pagination').html(pageHtml)
        }
    })
}


//查询分类数据，展示在左侧的筛选区域
$.ajax({
    type:'get',
    url:'/categories',
    success:function(res){
        console.log(res)
        var html = template('categoryTpl',{data:res})
        $('#categoryBox').html(html)
    }
})

//给筛选的表单添加提交事件，当提交的时候收集表单数据，发送ajax请求
$('#filterForm').on('submit',function(){
    var data = $(this).serialize();
    $.ajax({
        type:'get',
        url:'/posts',
        data:data,
        success:function(res){
            var html = template('postsTpl',res)
            $('#postsBox').html(html)
            var pageHtml = template('pageTpl',res)
            $('.pagination').html(pageHtml)
        }
    })
    return false;
})